<template>
  <!--显示所有计划-->
  <div class="showallplan dialg" v-if="allplanshow">
      <div class="copyplanlayerbox dialog_text showallplanbox" >
        <el-row>
          <el-row class="title p_l12 p_r12">
            <el-col :span="20">所有计划预测数据</el-col>
            <el-col :span="4" class="t_right"><span @click="closeFn"><img class="close pointer" src="@/assets/img/plan/layerclose.png"></span></el-col>
         </el-row>
         <div class="p12">
             <div class="broder_1d height200 showalllist_table">
                 <div class="dialog_info p_l12 p_r12" v-bind:class="[ (index+1)%2===0 ? 'bg_fa': '']" v-for="(itme, index) in showinfo.data" :key=index>
                    <span>【{{itme.lottery_name}}】</span>
                    <span>期数: {{itme.forecast_cycle}}</span>
                    <span>第{{itme.current_cycle}}期</span>
                    <span>【{{itme.forecast_name}}】</span>
                    <span>定{{itme.fixed_num}}码</span>
                    <span>{{itme.cycle}}期计划</span>
                    <span>{{itme.forecast_code}}</span>
                    <span>{{itme.forecast_status}}</span>
                </div>
             </div>    
        </div>
        <el-row class="t_right line_height37 font_12 p_r12 bg_colorff">一共{{showinfo.data.length}}条数据</el-row>
      </el-row>
      </div> 
  </div>

</template>

<script>
    export default {
      data () {
        return {
          msg:'',
          plans: this.planstatus,
          title: '',
          info: []
        }
      },
      props:{
        showinfo:{},
        allplanshow:{
            type: Boolean
        }
    },
      methods: {
       closeFn () {          
           this.$emit('closeallplan');
       }
      },
    }
</script>

<style lang="less" scoped>
  @import url(../../assets/css/plan/planlayer.less);
  @import url(../../assets/css/plan/planpublic.less);
</style>
